<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
</head>
<body>

   
    <!--头部-->
    <span id="header"></span>

    <div class="auth-main clearfix">
        <!--侧边导航-->
        <span id="nav"></span>

        <!--内容区域-->
        <div  class="main main-width-mid">
            <div class="ibox-title">
                <h5>销售订单</h5>
            </div>
            <div class="ibox-search m-t" style="position: relative;">
                <div class="form-inline search-input">
                    <div class="input-group">
                        <span class="input-group-addon">订单编号:</span>
                        <input type="text" class="form-control" placeholder="请输入订单编号" value="">
                    </div>
                    <div class="input-group">
                        <span class="input-group-addon">订单状态:</span>
                        <select class="form-control">
                            <option value="">--请选择--</option>
                        </select>
                    </div>
                    <div class="input-group">
                        <span class="input-group-addon">订单时间:</span>
                        <input type="date" class="form-control" style="width: 170px;">
                        <input type="text" value="-" readonly class="form-control" style="width: 20px;">
                        <input type="date" class="form-control" style="width: 170px;">
                    </div>
                </div>
                <div style="position: absolute; right: 10px; top: 11px;">
                    <button type="button" class="btn btn-sm btn-danger" style="padding: 0">查询</button>
                </div>
            </div>

            <div class="ibox-content m-t clearfix">
                <table class="table table-bordered  u-table-center">
                    <thead>
                    <tr>
                        <th style="width: 230px;">订单编号</th>
                        <th>采购商</th>
                        <th>订单日期</th>
                        <th>订单金额</th>
                        <th>支付约定</th>
                        <th>订单状态</th>
                        <th style="width: 100px;">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>20170404123456</td>
                        <td>xxxxxxx</td>
                        <td>2017-06-06</td>
                        <td style="color: #FF5A5F;">1600.00</td>
                        <td>30%预付款</td>
                        <td>待确认</td>
                        <td>
                            <a href="./确认订单.html" type="button" class="btn btn-sm btn-outline m-t-xs" style="width: 100%;">匿名确认</a>
                            <a href="./确认订单.html" type="button" class="btn btn-sm btn-outline m-t-xs" style="width: 100%;">非匿名确认</a>
                            <a href="javascript:;" type="button" class="btn btn-sm btn-outline m-t-xs" style="width: 100%;">拒绝订单</a>
                            <a href="./正常订单.html" type="button" class="btn btn-sm btn-outline m-t-xs" style="width: 100%;">查看订单</a>
                        </td>
                    </tr>
                    <tr>
                        <td>20170404123456</td>
                        <td>xxxxxxx</td>
                        <td>2017-06-06</td>
                        <td style="color: #FF5A5F;">1600.00</td>
                        <td>30%预付款</td>
                        <td>待付款</td>
                        <td>
                            <a href="./正常订单.html" type="button" class="btn btn-sm btn-outline m-t-xs" style="width: 100%;">查看订单</a>
                            <a href="./评价买家.html" type="button" class="btn btn-sm btn-outline m-t-xs" style="width: 100%;">评价买家</a>
                        </td>
                    </tr>
                    <tr>
                        <td>20170404123456</td>
                        <td>xxxxxxx</td>
                        <td>2017-06-06</td>
                        <td style="color: #FF5A5F;">1600.00</td>
                        <td>30%预付款</td>
                        <td>待发货</td>
                        <td>
                            <a href="./物流登记.html" type="button" class="btn btn-sm btn-outline m-t-xs" style="width: 100%;">物流登记</a>
                            <a href="./正常订单.html" type="button" class="btn btn-sm btn-outline m-t-xs" style="width: 100%;">查看订单</a>
                        </td>
                    </tr>
                    <tr>
                        <td>20170404123456</td>
                        <td>xxxxxxx</td>
                        <td>2017-06-06</td>
                        <td style="color: #FF5A5F;">1600.00</td>
                        <td>30%预付款</td>
                        <td>已完成</td>
                        <td>
                            <a href="./正常订单.html" type="button" class="btn btn-sm btn-outline m-t-xs" style="width: 100%;">查看订单</a>
                        </td>
                    </tr>
                    <tr>
                        <td>20170404123456</td>
                        <td>xxxxxxx</td>
                        <td>2017-06-06</td>
                        <td style="color: #FF5A5F;">1600.00</td>
                        <td>30%预付款</td>
                        <td>已发货</td>
                        <td>
                            <a href="./物流登记.html" type="button" class="btn btn-sm btn-outline m-t-xs" style="width: 100%;">查看物流</a>
                            <a href="./查看退货订单.html" type="button" class="btn btn-sm btn-outline m-t-xs" style="width: 100%;">查看退货订单</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
	<a href="javascript:;" class="btn x-btn-danger pull-right m-t-md m-b-lg">导出EXCEl</a>
              
                <!--分页-->
                <div class="page">
                    <ul class="pageMenu clearfix">
                        <li class="firstPage disabled">首页</li>
                        <li class="prevPage disabled"> &lt; 上一页</li>
                        <div class="pageObj ">

                            <li class="pageNum active" style="display: list-item;">1</li>
                            <li class="pageNum" style="display: list-item;">2</li>
                            <li class="pageNum" style="display: list-item;">3</li>
                            <li class="pageNum" style="display: list-item;">4</li>
                        </div>
                        <li class="nextPage"> 下一页 &gt;</li>
                        <li class="lastPage">尾页</li>
                        <li class="last" style="font-size: 14px;">
                            共<span class="totalPage">4</span>页，跳转至 <input type="number" class="keuInput" value="1">
                            <button type="button" class="btnSure">确定</button>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>

    <!--页尾-->
    <span id="footer"></span>
  </body></html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../common/js/nav.js" ></script>
<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('head').html(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });

    $.get('../common/html/nav.html', function (data) {
        $('#nav').html(data)
    });

    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
    });
</script>